<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
     <meta name='viewport' content='width=device-width, initial-scale=1.0'>
     <title>变量和属性名的区别以及forin循环</title>
     <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/default.min.css'>
     <script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js'></script>
</head>
<body>
     <pre>
        <code style='max-height: 400px;'>
            let obj = {
                name:'zs',
                age:18,
                null:'nullStr'
             }     
             console.log('obj.null',obj.null); // 'nullStr'
            //  此时是代表的obj[null]这个变量存储的值
             console.log(obj[null]);
    
             let age = 20
             let person = {
                age,
                name:'qz',
                100:'1235',
                2:['12,3,5,6,8',12,23]
             }
             console.log(person.age); // 20 ==> 可以简写 age
            //  for in循环用来遍历 对象中的键值对 ==> 优先遍历键为数字的 从小到大顺序
            for(let key in person) {
                console.log('当前的键',key); // 2、100、age、name ==> 根据键可以直接获取到值 ==> person[key] ==> 值
            }         
        </code>
     </pre>
     <script> hljs.highlightAll(); </script>
     <script>
         let obj = {
            name:'zs',
            age:18,
            null:'nullStr'
         }     
         console.log('obj.null',obj.null); // 'nullStr'
        //  此时是代表的obj[null]这个变量存储的值
         console.log(obj[null]);

         let age = 20
         let person = {
            age,
            name:'qz',
            100:'1235',
            2:['12,3,5,6,8',12,23]
         }
         console.log(person.age); // 20 ==> 可以简写 age
        //  for in循环用来遍历 对象中的键值对 ==> 优先遍历键为数字的 从小到大顺序
        for(let key in person) {
            console.log('当前的键',key); // 2、100、age、name ==> 根据键可以直接获取到值 ==> person[key] ==> 值
        }
        
     </script>
</body>
</html>